<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="p1" title="鼠标悬停">
        <mark>我是一个保安,喜欢业主小丹。爱吃小熊饼干，守卫一方平安。</mark>
    </p>
    <script>
        var pEl = document.querySelector('.p1');

        // 获取html的内容  innerHTML带有标签的完整结构  innerText只有纯文本
        console.log(pEl.innerHTML);
        console.log(pEl.innerText);

        // 修改内容
        // pEl.innerText = '<mark>大叔50岁当保安，我25岁当保安，我领先25年！</mark>' // 当做纯文本显示
        pEl.innerHTML = '<h1>大叔50岁当保安，我25岁当保安，我领先25年！</h1>'

        pEl.title = '莫挨老子！'; // 预定义属性
        pEl.qwer = 'chiJi'  // 自定义属性
        pEl.style.color = 'red'  // fontSize这样的多个单词组成的属性值 要写成驼峰的形式
    </script>
</body>
</html>